import { createApp } from 'vue';  
import App from './App.vue';  
import { createRouter, createWebHistory } from 'vue-router';  
import { createPinia } from 'pinia';  
import 'unocss';  
// import 'animate.css';  
import axios from 'axios';  
import 'element-plus/dist/index.css'; 
import  ElementPlus  from 'element-plus'; 
import * as ElementPlusIconsVue from '@element-plus/icons-vue'; 

// import '@/assests/css/index.css';  

const app = createApp(App); 
app.use(ElementPlus); 

const routes: never[] = [];  
const router = createRouter({  
  history: createWebHistory(),  
  routes,  
});  

const pinia = createPinia();  

app.use(router);  
app.use(pinia);  

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {  
  app.component(key, component);  
}  

const axiosInstance = axios.create({  
  baseURL: 'https://api.example.com/',  
});  

app.config.globalProperties.$axios = axiosInstance;  

app.mount('#app');